<%@page import="com.drerp.BI.LogicaBI"%>
<%@page import="com.drerp.BI.Clinica.LogicaClinica"%>
<%@page import="com.drerp.BI.RH.LogicaRH"%>
<%@page import="com.drerp.BI.Logistica.LogicaLogistica"%>
<%@page import="com.drerp.BI.Financeiro.LogicaFinanceiro"%>
<%@page import="java.util.List"%>  
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="StyleSheet" href="../styles.css" type="text/css" media=screen />
<script type="text/javascript" src="../js/jquery-1.7.1.js" ></script>
<script type="text/javascript" src="../js/jscharts.js"></script>
<script type="text/javascript">
<% LogicaBI logicaBI = new LogicaBI(); %>
	function desenha_grafico_atendimento() {
		var myData = new Array(['Segunda', <%= logicaBI.getTempoDeEspera(0)%>,<%= logicaBI.getTempoDeAtendimento(0)%>], 
				['Terça', <%= logicaBI.getTempoDeEspera(1)%>, <%= logicaBI.getTempoDeAtendimento(1)%>], 
				['Quarta', <%= logicaBI.getTempoDeEspera(2)%>, <%= logicaBI.getTempoDeAtendimento(2)%>], 
				['Quinta', <%= logicaBI.getTempoDeEspera(3)%>, <%= logicaBI.getTempoDeAtendimento(3)%>], 
				['Sexta', <%= logicaBI.getTempoDeEspera(4)%>, <%= logicaBI.getTempoDeAtendimento(4)%>]);
		var myChart = new JSChart('graph', 'bar');
		myChart.setDataArray(myData);
		myChart.setTitle('Tempo de Espera e de Atendimento');
		myChart.setTitleColor('#8E8E8E');
		myChart.setAxisNameX('');
		myChart.setAxisNameY('');
		myChart.setAxisNameFontSize(16);
		myChart.setAxisNameColor('#999');
		myChart.setAxisValuesAngle(30);
		myChart.setAxisValuesColor('#777');
		myChart.setAxisColor('#B5B5B5');
		myChart.setAxisWidth(1);
		myChart.setBarValuesColor('#2F6D99');
		myChart.setAxisPaddingTop(60);
		myChart.setAxisPaddingBottom(60);
		myChart.setAxisPaddingLeft(45);
		myChart.setTitleFontSize(11);
		myChart.setBarColor('#2D6B96', 1);
		myChart.setBarColor('#9CCEF0', 2);
		myChart.setBarBorderWidth(0);
		myChart.setBarSpacingRatio(50);
		myChart.setBarOpacity(0.9);
		myChart.setFlagRadius(6);
		myChart.setLegendShow(true);
		myChart.setLegendPosition('right top');
		myChart.setLegendForBar(1, 'Espera');
		myChart.setLegendForBar(2, 'Atendimento');
		myChart.setSize(616, 321);
		myChart.setGridColor('#C6C6C6');
		myChart.draw();
	}
	
	function desenha_gráfico_medicos_contratados() {
		var myData = new Array(['Jan', <%= logicaBI.getMedicosPorAno(0)%>], ['Feb', <%= logicaBI.getMedicosPorAno(1)%>], ['Mar', <%= logicaBI.getMedicosPorAno(2)%>], 
				['Apr', <%= logicaBI.getMedicosPorAno(3)%>], ['May', <%= logicaBI.getMedicosPorAno(4)%>], ['Jun', <%= logicaBI.getMedicosPorAno(5)%>], 
				['Jul', <%= logicaBI.getMedicosPorAno(6)%>], ['Aug', <%= logicaBI.getMedicosPorAno(7)%>], ['Sep', <%= logicaBI.getMedicosPorAno(8)%>], 
				['Oct', <%= logicaBI.getMedicosPorAno(9)%>], ['Nov', <%= logicaBI.getMedicosPorAno(10)%>], ['Dec', <%= logicaBI.getMedicosPorAno(11)%>]);
		var colors = ['#CE0000', '#EF2323', '#D20202', '#A70000', '#850000', '#740000', '#530000', '#850000', '#B00000', '#9C0404', '#CE0000', '#BA0000'];
		var myChart = new JSChart('graph2', 'bar');
		myChart.setDataArray(myData);
		myChart.colorizeBars(colors);
		myChart.setDataArray(myData);
		myChart.setTitle('Médicos Contratados por Ano');
		myChart.setAxisColor('#9D9F9D');
		myChart.setAxisWidth(1);
		myChart.setAxisNameX('Meses');
		myChart.setAxisNameY('Médicos');
		myChart.setAxisNameColor('#655D5D');
		myChart.setAxisNameFontSize(9);
		myChart.setAxisPaddingLeft(50);
		myChart.setAxisValuesDecimals(1);
		myChart.setAxisValuesColor('#9C1919');
		myChart.setTextPaddingLeft(0);
		myChart.setBarValuesColor('#9C1919');
		myChart.setBarBorderWidth(0);
		myChart.setTitleColor('#8C8382');
		myChart.setGridColor('#5D5F5D');
		myChart.draw();
	}
	
	function desenha_grafico_tipo_pagamento() {
		var myChart = new JSChart('graph3', 'line');
		myChart.setDataArray([[1, <%= logicaBI.getPagamentoPorTipo(0).get(0)%>],[2, <%= logicaBI.getPagamentoPorTipo(0).get(1)%>],
		                      [3, <%= logicaBI.getPagamentoPorTipo(0).get(2)%>],[4, <%= logicaBI.getPagamentoPorTipo(0).get(3)%>],
		                      [5, <%= logicaBI.getPagamentoPorTipo(0).get(4)%>],[6, <%= logicaBI.getPagamentoPorTipo(0).get(5)%>],
		                      [7, <%= logicaBI.getPagamentoPorTipo(0).get(6)%>],[8, <%= logicaBI.getPagamentoPorTipo(0).get(7)%>],
		                      [9, <%= logicaBI.getPagamentoPorTipo(0).get(8)%>],[10, <%= logicaBI.getPagamentoPorTipo(0).get(9)%>]], 'blue');
		myChart.setDataArray([[1, <%= logicaBI.getPagamentoPorTipo(1).get(0)%>],[2, <%= logicaBI.getPagamentoPorTipo(1).get(1)%>],
		                      [3, <%= logicaBI.getPagamentoPorTipo(1).get(2)%>],[4, <%= logicaBI.getPagamentoPorTipo(1).get(3)%>],
		                      [5, <%= logicaBI.getPagamentoPorTipo(1).get(4)%>],[6, <%= logicaBI.getPagamentoPorTipo(1).get(5)%>],
		                      [7, <%= logicaBI.getPagamentoPorTipo(1).get(6)%>],[8, <%= logicaBI.getPagamentoPorTipo(1).get(7)%>],
		                      [9, <%= logicaBI.getPagamentoPorTipo(1).get(8)%>],[10, <%= logicaBI.getPagamentoPorTipo(1).get(9)%>]], 'green');
		myChart.setAxisPaddingBottom(40);
		myChart.setTextPaddingBottom(10);
		myChart.setAxisValuesNumberY(5);
		myChart.setIntervalStartY(0);
		myChart.setIntervalEndY(200);
		myChart.setLabelX([2,'Semana 1']);
		myChart.setLabelX([4,'Semana 2']);
		myChart.setLabelX([6,'Semana 3']);
		myChart.setLabelX([8,'Semana 4']);
		myChart.setAxisValuesNumberX(5);
		myChart.setTitle('Tipo de Pagamento por Mês');
		myChart.setShowXValues(false);
		myChart.setTitleColor('#454545');
		myChart.setAxisValuesColor('#454545');
		myChart.setLineColor('#A4D314', 'green');
		myChart.setTooltip([1]);
		myChart.setTooltip([2]);
		myChart.setTooltip([3]);
		myChart.setTooltip([4]);
		myChart.setTooltip([5]);
		myChart.setTooltip([6]);
		myChart.setTooltip([7]);
		myChart.setTooltip([8]);
		myChart.setTooltip([9]);
		myChart.setTooltip([10]);
		myChart.setFlagColor('#9D16FC');
		myChart.setFlagRadius(4);
		myChart.setLegendShow(true);
		myChart.setLegendPosition(550, 22);
		myChart.setLegendForLine('blue', 'Convenio');
		myChart.setLegendForLine('green', 'Particular');
		myChart.setBackgroundImage('chart_bg1.jpg');
		myChart.setSize(616, 321);
		myChart.draw();
	}
	
	function desenha_grafico_divisao_salas() {
		var myChart = new JSChart('graph4', 'pie');
		myChart.setDataArray([['A', <%= logicaBI.getSalasManutencao(0)%>],['B', <%= logicaBI.getSalasManutencao(1)%>],
		                      ['C', <%= logicaBI.getSalasUtilizadas(0)%>],['D', <%= logicaBI.getSalasUtilizadas(1)%>],['E', <%= logicaBI.getSalasUtilizadas(2)%>]]);
		myChart.colorize(['#00FF00','#3366FB','#0000FA','#F8CC00','#F89900']);
		myChart.setSize(600, 300);
		myChart.setTitle('Divisao das Salas por Dia');
		myChart.setTitleFontFamily('Times New Roman');
		myChart.setTitleFontSize(14);
		myChart.setTitleColor('#0F0F0F');
		myChart.setPieRadius(95);
		myChart.setPieValuesColor('#FFFFFF');
		myChart.setPieValuesFontSize(9);
		myChart.setPiePosition(180, 165);
		myChart.setShowXValues(false);
		myChart.setBackgroundImage('chart_bg.jpg');
		myChart.setLegend('#00FF00', 'Inutilizadas');
		myChart.setLegend('#3366FB', 'Manutenção');
		myChart.setLegend('#0000FA', 'Menos de 2h');
		myChart.setLegend('#F8CC00', 'Mais de 6h');
		myChart.setLegend('#F89900', 'Entre 2h e 6h');
		myChart.setLegendShow(true);
		myChart.setLegendFontFamily('Times New Roman');
		myChart.setLegendFontSize(10);
		myChart.setLegendPosition(350, 120);
		myChart.setPieAngle(30);
		myChart.set3D(true);
		myChart.draw();
	}
	
	$(function() {
		desenha_grafico_atendimento();
		desenha_gráfico_medicos_contratados();
		desenha_grafico_tipo_pagamento();
		desenha_grafico_divisao_salas();
	});
	
</script>

<title>Gráficos de BI</title>
</head>

<body>

<jsp:include page="/nav/header.jsp" />

<div class="body">
	<jsp:include page="/nav/menu.jsp" />
	
	<div class="center">
		
		<div id="graph">Loading...</div>
		
		<div id="graph2">Loading...</div>
		
		<div id="graph3">Loading...</div>
		
		<div id="graph4">Loading...</div>
		
	</div>
</div>




</body>
</html>
